/* #ifdef tt h5 */
.pop-view-wrap{
  top: 30px;
}
/* #endif */
.pop-view-wrap {
  position: fixed;
  left: 20px;
  background-color: rgba(0, 0, 0, .3);
  padding: 10px 30px 10px 10px;
  border-radius: 64px;
  animation: myPop 5s infinite;
  z-index: 9999;
  @keyframes myPop {
      0% {
      opacity: 0;
    }
    25% {
      opacity: .5;
    }
    50% {
      opacity: 1;
    }
    75% {
      opacity: .5;
    }
    100% {
      opacity: 0;
    }
  }

  .pop-view-wrap-item {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .pop-view-items-img {
      margin-right: 26px;
      display: flex;
      align-items: center;
      .pop-view-items-images {
        border-radius: 50%;
        width: 56px;
        height: 56px;
      }
    }

    .pop-view-items-content {
      font-size: 26px;
      color: #fff;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
